<template>
  <div class="el-tree-box">
    <div class="el-tree-head"><div class="el-title">课程目录</div></div>
    <div class="el-tree-main">
      <div class="el-tree-data">
        <el-tree
          ref="tree"
          :data="treeDatas"
          :props="treeProps"
          node-key="id"
          :show-checkbox="treeOptions.show_checkbox"
          default-expand-all
          check-strictly
          :expand-on-click-node="false"
          @check="tree_check"
          @node-click="node_click"
        >
          <span class="custom-tree-node" slot-scope="{ node, data }">
            <span>{{ node.label }}</span>
            <!-- <span v-show="$route.query.actFrom" class="custom-tree-rgiht">
              <el-button type="text" size="mini" @click="() => courseShow(data)">查看</el-button>
              <el-button type="text" size="mini" @click="() => append(data)">新增子级</el-button>
              <el-button type="text" size="mini" @click="() => edit(data, node)">修改</el-button>
              <el-button type="text" size="mini" @click="() => remove(data, node)">删除</el-button>
            </span> -->
          </span>
        </el-tree>
      </div>
    </div>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
